<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>pay</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/pay.css">
    
</head>

<body>
    <div class="out-home-body">
        <div class="out-header-top flex">
            <div class="">
                <span class="fa fa-angle-left"></span>
            </div>
            <div class="out-img-home">
                <img class="title-img" src="./img/title-logo.png" alt="">
            </div>
            <div></div>
        </div>
        <div class="main-body" id="form-do">
            <!-- 展示表 -->
            <div class="pay-form">
                <span class="font-info-mid">订单信息</span>
                <div class="main-word-border">
                    <p>商品名称：VIP基础服务</p>
                    <p>订单号：ECS54656576876</p>
                    <p>交易时间：2020-05-11 14:20:32</p>
                    <p>订单金额：210.00元</p>
                </div>
            </div>
            <!-- 未支付前 -->
            <div class="pay-style-first">
                <p class="title-pay-first">网银充值</p>
                <p class="tips-first">本次交易 &nbsp;&nbsp;支持储蓄账户、准贷记卡；不支持信用卡</p>
                <div style="margin-top: 1.0rem;">
                    <label for="" class="inline-css">持卡人姓名</label>&nbsp;<input type="text" class="form-control">
                </div>
                <div style="margin-top: 0.7rem;">
                    <label for="" class="inline-css">选择银行</label>
                    <select name="" class="select" id="">
                        <option value="中国银行">中国银行</option>
                        <option value="中国银行">中国银行</option>
                        <option value="中国银行">中国银行</option>
                        <option value="中国银行">中国银行</option>
                        <option value="中国银行">中国银行</option>
                    </select>
                </div>
            </div>
            
        </div>
        <div class="main-body display-none" id="form-done">
            <div class="pay-form">
                <span class="font-info-mid">订单信息</span>
                <div class="main-word-border">
                    <p>商品名称：VIP基础服务</p>
                    <p>订单号：ECS54656576876</p>
                    <p>交易时间：2020-05-11 14:20:32</p>
                    <p>订单金额：210.00元</p>
                </div>
            </div>

            <p class="done-tips">生成识别码成功！</p>
            <p class="done-number">52462</p>
            <p class="done-tips-two">重要提示：请在充值时务必在备注栏填入此识别码</p>
        </div>
        <div class="button-bottom">
            下一步
        </div>
    </div>
</body>
    <script src="./js/jqeury.js"></script>
    <script>
       
        
    </script>
    <script>

    </script>
</html>